@import "../../../styles";
$blue1:#3B79EA;
$login_width: auto;
$login_height: auto;
.body_login{ background:url('/assets/img/bg1@1x.png') no-repeat; background-size:cover;width: 100%;
    height: 100%; position: absolute;   }
.login-container {
    width: $login_width;
    height: $login_height;
    position: absolute;
    top: 50%;
    left: 50%;
    box-shadow: 0 20px 35px 0 rgba(31,71,180,0.10);;
    background: #fff;
    transform: translate(-50%,-50%);
}

.login-container >.row{ margin: 0;}
.login_content{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;}

.login_form .ipt_input{ background: rgba(255,255,255,0.30);
    border: 1px solid #F2F4F8; font-size: 16px;
    border-radius: 5px 5px 0 0; width: 250px;}
.login_logo{ height: 30px; margin-right: 10px}
.login_logo_left{ width: 300px;  height:200px;margin: 70px 50px; }
.login_form{margin: 50px 70px; }
.login_pic{ background: url("/assets/img/index_l_bg@2x.png") center center no-repeat; background-size: cover; position: absolute; height: 100%; width: 400px;
    left:0; top:0;}
.login_title_box{ position: absolute; top: -100px; width: 100%; text-align: center}
.login_title{ font-size: 28px; color: #fff;   letter-spacing: 5px; }
.login_btn{background: $blue1; outline: none; border-color: transparent;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.30); color: #fff;
    border-radius: 5px; }
.cancel_btn{background: #fff; outline: none; 
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.30);
    border-radius: 5px; }
.login_btn:hover{ color: #fff;}
.form-group{ position: relative;}
.login_btn:active{box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);}
.remember{color: #878A95;}
.forget{ color:  #3B79EA}
.send_yzm{ position: absolute; right:5px; top: 10px;}
.login_bg_box{ background-size: cover;  width: 100%; position: absolute; min-height: 560px; z-index: -1; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.form_title{ font-weight: bold; font-size: 18px;color: #1C215D;
    letter-spacing: 2px; text-align: center; margin-bottom: 10px;}
.login_form .text-danger{position: absolute;
    transform: translateY(-16px);}
